let gulp = require('gulp');
let sass = require('gulp-sass');
// let autoprefixer = require('gulp-autoprefixer'); // 自动修复插件
let runSequence = require('run-sequence');
// let browserSync=require('browser-sync').create();

// gulp.task('default', () => {
//     return  runSequence(['server','watch']);
// });
 
// gulp.task('sass', () => {
//     // 设置scss源路径
//     return gulp.src('.src/**/*.scss')
//         .pipe(sass({
//             config_file:'./config.rb',
//             css:'src/stylesheets',
//             sass:'src/sass'
//         }))
//         .pipe(autoprefixer())
//         // 编译之后的css输出路径
//         .pipe(gulp.dest('dist/css'))
// });

// gulp.task('html', () => {
//     return  gulp.src('./src/**/*.html')
//     .pipe(gulp.dest('./dist'));
// });
// // gulp.task('server', () => {
// //     browserSync.init({
// //         server:'./dist',
// //         port:'8888'
// //     })
// // });
// gulp.task('watch', () => {
//     // gulp.watch('scss/*.scss', ['sass']); // 4.0以上报错
//     // 监听文件夹下的.*scss文件，编译输出规则调用上面的的sass方法。
//     gulp.watch([
//         './src/**/*.html',
//         './src/**/*.scss'
//     ], function(){
//         return gulp.series('sass');
//     })
// });
// scss 任务
gulp.task('sass',function(){
    return gulp.src('src/sass/*.scss') //获取该任务需要的文件
        .pipe( sass() )                  //该任务调用的模块
        .pipe( gulp.dest('dist/css') );   //将在 src/css 文件夹中生产test.css
  });
  
  // 默认任务
  gulp.task('default',function(){
     return  runSequence(['sass','watch1']);
  });
  
  //监听文件
  gulp.task('watch1',function(){
      return gulp.watch('src/sass/*.scss',function(){
        return gulp.series('sass');
      });
      //监听 src/css/test.scss 文件，修改时自动执行 sass 任务。
  });